.main {
  height: 100vh;
}

.kong {
  position: fixed;
  top: 1px;
  left: 1px;
  width: 1px;
  height: 0px;
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  white-space: nowrap;
  border-width: 0px;
  display: none;
}
.bg-secondary{
  background-color: #f4f4f4;
}
.ask{
  background: #F5EFDA;
  color: #222222;
  position: relative;
  border-radius: 15px 15px 0 15px;
}
.ask:after{
  width: 8px;
  height: 30px;
  content: '';
  background-image: url(../../assets/askbg.png);
  position: absolute;
  right: -8px;
  bottom: 0;
}
.answer{
  background: #E8DAF5;
  color: #222222;
  position: relative;
  border-radius: 15px 15px 15px 0;
  min-height: 40px;
}
.answer:after{
  width: 8px;
  height: 30px;
  content: '';
  background-image: url(../../assets/answerbg.png);
  position: absolute;
  left: -8px;
  bottom: 0;
}
.loading_xzy {
  animation: rotate-animation 2s linear infinite; /* 无限次重复播放动画 */
  display: inline-block;
  margin-right: 5px;
}

@keyframes rotate-animation {
  0% { transform: rotate(0deg); } /* 初始状态 */
  100% { transform: rotate(360deg); } /* 结束状态 */
}
.send_btn{
  background: #222222;
  width: 106px;
  height: 44px;
  border-radius: 10px;
  line-height: 44px;
  text-align: center;
}
.cancel_btn{
  width: 106px;
  height: 44px;
  line-height: 44px;
  border-radius: 10px;
  background: #666666;
  text-align: center;
}


#myTextarea::-webkit-input-placeholder{
  height: 40px;line-height: 40px
}    /* 使用webkit内核的浏览器 */
#myTextarea:-moz-placeholder{
  height: 40px;line-height: 40px
}                  /* Firefox版本4-18 */
#myTextarea::-moz-placeholder{
  height: 40px;line-height: 40px
}                  /* Firefox版本19+ */
#myTextarea:-ms-input-placeholder{
  height: 40px;line-height: 40px
}
.history_content{
  padding: 10px;
}
.history_content_scroll{
  overflow-y: scroll;
  height: 450px;
  border-radius: 10px;
}
.search_history{
  height: 38px;
  background-color: #ffffff;
  align-items: center;
  padding: 8px;
  margin-bottom: 16px
}
.history_modal .arco-modal-header{
  border: none;
}
.history_modal .arco-modal-content{
  padding: 0 16px;
}
.date_history{
  text-align: center;
  color: #999999;
}
.history_item{
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0px -1px 0px 0px #F4F4F4 inset;
  /* margin-top: 16px; */
  padding: 14px 22px;
  box-sizing: border-box;
}